<template>
	<view style="position: relative;min-height: 54vh;padding-bottom: 260rpx;">
		<image :src="obj.src"></image><br/>
		<text>产品类型</text><br/>
		<button class="btn">{{obj.title}}</button>
		<button class="yuyue" @click="()=>{
			next('changetime')
			settcobj({...lasttcobj,...{title:obj.title,time:new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+new Date().getDate()}})
		}">立即预约</button>
	</view>
	
</template>

<script lang="ts" setup>
	defineProps(['obj','next','settcobj'])

</script>

<style scoped>
	image{
		width:100rpx;
		height: 100rpx;
		margin: 40rpx 0rpx;
	}
	.btn{
		margin: 40rpx 0rpx;
		width: 40%;
		background: #FFF8DC;
		border-radius: 50rpx;
		height: 70rpx;
		line-height: 70rpx;
		font-size: 30rpx;
		margin-left: 0px;
		color: #ffaa00;
		border: 1px solid orange;
	}
	.yuyue{
		background: orange;
		border-radius: 50rpx;
		width: 50%;
		color: white;
		position: absolute;
		/* top: 100rpx; */
		bottom: 0rpx;
		left: 180rpx;
		/* text-align: center; */
/* 		margin: 0 auto; */
	}
	.yuyue:active{
		color: silver;
	}
</style>